<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="/css/font.css">
    <link rel="stylesheet" href="/css/xadmin.css">
    <script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/js/xadmin.js"></script>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="/js/html5.min.js"></script>
    <script src="/js/respond.min.js"></script>
    <![endif]-->
</head>
<style>
    .layui-form-item .layui-input-inline {
        width: 300px!important;
    }

    .layui-upload-img {
        width: 92px;
        height: 92px;
        margin: 0 10px 10px 0;
    }
</style>

<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form" id="form">
            <div class="layui-form-item">
                <label for="username" class="layui-form-label"><span class="x-red">*</span>角色名</label>
                <div class="layui-input-inline">
                    <input type="text" value="<?= $list['name'] ?>" name="name"  lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>

             <input name="id" value="<?= $list['id'] ?>" type="hidden">

            <div class="layui-form-item">
                <label class="layui-form-label">权限范围</label>
                <div class="layui-input-block">
                    <?php foreach ($menu as $v): ?>
                        <input type="checkbox" name="authority[]" value="<?= $v['id'] ?>" lay-skin="primary" title="<?= $v['name'] ?>">
                    <?php endforeach; ?>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="phone" class="layui-form-label"><span class="x-red">*</span>排序</label>
                <div class="layui-input-inline">
                    <input type="number"  value="<?= $list['sort'] ?>" name="sort" lay-verify="required" autocomplete="off" class="layui-input"></div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>越小排越前</div>
            </div>

            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label"></label>
                <button type="button" id="btn" class="layui-btn" lay-submit="add" lay-filter="add">保存</button>
            </div>
        </form>
    </div>
</div>
</body>
</html>

<script>
    layui.use(['form'], function(){

        var authority = $('input[name="authority[]"]');
        var checkeds=$('.layui-form-checkbox');
        var arr='<?php echo json_encode($list['authority']); ?>';

        if (arr!==null){
            for (var i=0;i<authority.length;i++){
                if (arr.indexOf(authority[i].value)!==-1){
                    authority[i].checked=true;
                    checkeds[i].classList.add('layui-form-checked');
                }
            }
        }

    });



    $('#btn').click(function () {
        $.ajax({
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url:'/role/edit',
            data:new FormData(document.getElementById("form")),
            processData:false,
            contentType:false,
            success: function (res) {
                if (res.code){
                    layer.msg(res.msg);
                    setTimeout(function () {
                        parent.location.reload();
                    },500);

                }else{
                    layer.msg(res.msg);
                }
            },
            error : function() {

            }
        });
    });
</script>
